

<html>

<head>
<title>Drag me around</title>

<script type="text/javascript" src="jquery-ui-1.8.18.custom/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.18.custom/js/jquery-ui-1.8.18.custom.min.js"></script>



	<style type="text/css">
	#draggable { 
	width: 150px; 
	height: 150px; 
	padding: 0.5em;
    background-color:blue;	
 }
	</style>
	
	
	
	<script type="text/javascript">

$(function(){
    $('#draggable').draggable({
             drag: function(event,ui){
               $('#drag').html('LEFT: '+ui.position.left + ' ; TOP: '+ui.position.top);
             }
           });
    
         });




</script>
	
	
	


</head>

<body>

	
<div class="demo">

<div id="draggable" class="ui-widget-content">
	<p>Drag me around</p>
</div>

<div id="drag"></div>

</div>






</body>

</html>
